<template>
  <div>
    <!-- 顶部导航 -->
    <van-nav-bar title="实时荷载" fixed />
    <div class="contentBox">
      <!-- <div class="loading loadingClassY" v-show="loadingFlag">
        <van-loading class="wap" type="spinner" vertical>{{ loadingText }}</van-loading>
      </div> -->
      <!-- 车流量对比 -->
      <TrafficContrast></TrafficContrast>
      <!-- 今日车型超载统计 -->
      <DayOverload></DayOverload>
      <!-- 实时监测 -->
      <RealMonitor></RealMonitor>
    </div>
  </div>
</template>
<script>
import TrafficContrast from './trafficContrast'
import DayOverload from './dayOverload'
import RealMonitor from './realMonitor'

export default {
  components: { TrafficContrast, DayOverload, RealMonitor },
  data() {
    return {}
  },
  created() {},
  mounted() {},
  methods: {},
  activated: {},
  deactivated: {},
}
</script>
<style lang="less" scoped>
/deep/.van-nav-bar__title {
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600;
  color: #4880ff;
}
/deep/.van-icon-arrow-left {
  color: #bec4d0;
}
.contentBox {
  margin-top: 46px;
  background: #f9f9f9;
  height: 100%;
  padding: 10px;
}
</style>
